<!DOCTYPE html>
<html style="height: 100%">
   <head>
    <meta charset="utf-8" />
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <script src="../dist/echarts.min.js"></script>
    <script src="../theme/dark.js"></script>
    <title>学生来源分析</title>
   </head>
   <body style="height: 100%; margin: 0">
       <div id="container" style="height: 100%"></div>
       <script type="text/javascript">
var dom = document.getElementById("container");
var myChart = echarts.init(dom,"dark");
var app = {};
option = null;
option = {
    title: {
        text: '学生来源分析',
        subtext: '2016年招生计划',
        left: 'center'
    },
    tooltip: {
        trigger: 'item',
        formatter: '{a} <br/>{b} : {c} ({d}%)'
    },
    legend: {
        left: 'center',
        top: 'bottom',
        data: ['东北', '华东', '华中', '华北', '华南', '西北', '西南']
    },
    toolbox: {
        show: true,
        feature: {
            mark: {show: true},
            dataView: {show: true, readOnly: false},
            magicType: {
                show: true,
                type: ['pie', 'funnel']
            },
            restore: {show: true},
            saveAsImage: {show: true}
        }
    },
    series: [
        {
            name: '学生来源',
            type: 'pie',
            radius: [30, 200],
            center: ['50%', '50%'],
            roseType: 'area',
            data: [
                {value: 297541, name: '东北'},
                {value: 1292768, name: '华东'},
                {value: 687938, name: '华中'},
                {value: 514528, name: '华北'},
                {value: 534479, name: '华南'},
                {value: 363941, name: '西北'},
                {value: 637507, name: '西南'}
                
            ]
        }
    ]
};
;
if (option && typeof option === "object") {
    myChart.setOption(option, true);
}
       </script>
   </body>
</html>